* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
.txh {
  display: flex;
}
.wrap {
  height: 17.33333333rem;
  position: relative;
}
.wrap .nav {
  height: 1.16rem;
  line-height: 0.93333333rem;
  border-bottom: 1px solid #ccc;
}
.wrap .nav ul {
  display: flex;
}
.wrap .nav ul li {
  flex: 1;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.4rem;
  border-right: 1px solid #7e4c81;
}
.wrap .nav ul li:nth-child(4) {
  border-right: none;
}
.wrap .a4 {
  height: 12.53333333rem;
  position: relative;
}
.wrap .a4 .banner {
  width: 8.05333333rem;
  height: 4.09333333rem;
  border: 1px solid #ccc;
  border-radius: 0.10666667rem;
  margin-top: 0.53333333rem;
  margin-left: 0.8rem;
  position: relative;
}
.wrap .a4 .banner ul li:nth-child(1) {
  width: 7.64rem;
  height: 0.70666667rem;
  font-size: 0.4rem;
  padding-top: 0.18666667rem;
  padding-left: 0.4rem;
  background: #ccc;
  color: #fff;
}
.wrap .a4 .banner ul li:nth-child(2) {
  display: flex;
}
.wrap .a4 .banner ul li:nth-child(2) .left img {
  width: 3.57333333rem;
  height: 2.30666667rem;
  margin-top: 0.4rem;
  margin-left: 0.42666667rem;
}
.wrap .a4 .banner ul li:nth-child(2) .right img {
  width: 3.57333333rem;
  height: 2.30666667rem;
  margin-top: 0.4rem;
  margin-left: 0.16rem;
}
.wrap .a4 .banner .shan {
  position: absolute;
  top: 1.06666667rem;
  left: 3.6rem;
  display: none;
}
.wrap .a4 .banner .shan img {
  width: 0.6rem;
  height: 0.6rem;
}
.wrap .a4 .canner {
  height: 0.8rem;
  margin-top: 0.46666667rem;
}
.wrap .a4 .canner .c {
  width: 3.46666667rem;
  height: 0.8rem;
  background: #65c3df;
  border: none;
  border-radius: 0.10666667rem;
  margin-left: 1.06666667rem;
  font-size: 0.42666667rem;
  color: #fff;
}
.wrap .a4 .canner .d {
  width: 3.46666667rem;
  height: 0.8rem;
  background: #ff6b6b;
  border: none;
  border-radius: 0.10666667rem;
  margin-left: 0.53333333rem;
  font-size: 0.42666667rem;
  color: #fff;
}
.wrap .a4 .shanchu {
  width: 5.44rem;
  height: 2.66666667rem;
  position: absolute;
  top: 4%;
  left: 20%;
  background: #fff;
  border-radius: 0.10666667rem;
  display: none;
}
.wrap .a4 .shanchu ul li:nth-child(1) {
  font-size: 0.48rem;
  padding-top: 0.50666667rem;
  padding-left: 1.06666667rem;
}
.wrap .a4 .shanchu ul li:nth-child(2) {
  padding-top: 0.50666667rem;
}
.wrap .a4 .shanchu ul li:nth-child(2) .yes {
  width: 2rem;
  height: 0.8rem;
  background: #ff3a30;
  border-radius: 0.10666667rem;
  border: none;
  margin-left: 0.4rem;
  font-size: 0.48rem;
  color: #fff;
}
.wrap .a4 .shanchu ul li:nth-child(2) .no {
  width: 2rem;
  height: 0.8rem;
  background: #4cd964;
  border-radius: 0.10666667rem;
  border: none;
  margin-left: 0.4rem;
  font-size: 0.48rem;
  color: #fff;
}
.wrap .xianshi {
  height: 2.73333333rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: none;
}
.wrap .xianshi ul {
  display: flex;
}
.wrap .xianshi ul li {
  flex: 1;
  text-align: center;
}
.wrap .xianshi ul li p {
  margin-top: 0.26666667rem;
}
.wrap .xianshi ul li:nth-child(1) img {
  width: 1.28rem;
  height: 0.92rem;
}
.wrap .xianshi ul li:nth-child(2) img {
  width: 1.16rem;
  height: 0.89333333rem;
}
.wrap .xianshi ul li:nth-child(3) img {
  width: 1.05333333rem;
  height: 0.98666667rem;
}
